<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="element/index.css" />
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/axios.js" type="text/javascript" charset="utf-8"></script>
		<script src="element/index.js"></script>
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}

			#app {
				width: 1000px;
				margin: 0px auto;
				padding: 0px;
				/* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) */
				/* border: 1px ; */
				box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
			}
		</style>
	</head>
	<body>
		<div id="app">
			<el-row style="margin-top: 10px; height: 80px; padding-top: 15px;">
				<el-col :span="12" style="padding-left: 80px; padding-top: 15px;">
					<h3>审核结果</h3>
				</el-col>
				<el-col :span="12" style="text-align: right; padding-top: 8px; padding-right: 80px; ">
					<el-button type="primary">
						<el-link style="color: white;" target="_self" href="list.html">返回</el-link>
					</el-button>
				</el-col>
			</el-row>
			<hr />
			<el-form ref="form" label-width="180px">
				<el-row>
					<el-col :span="24" style="margin-top: 20px;">
						<el-form-item label="工号:">
							<el-input v-model="num" style="width:300px;"></el-input>
						</el-form-item>
						<!-- 跟具自己的修改 可修改为 项目名称 书名 荣誉称号 竞赛名称 专利或软件著作权名称-->
					</el-col>
				</el-row>

				<el-row>
					<el-col :span="24">
						<el-form-item label="姓名:">
							<el-input v-model="username" style="width:300px;"></el-input>
						</el-form-item>
						<!-- 跟具自己的修改 可修改为 项目名称 书名 荣誉称号 竞赛名称 专利或软件著作权名称-->
					</el-col>

					<el-col :span="24">
						<el-form-item label="密码:">
							<el-input v-model="password" type="password" readonly style="width:300px;"></el-input>
						</el-form-item>
						<!-- 跟具自己的修改 可修改为 项目名称 书名 荣誉称号 竞赛名称 专利或软件著作权名称-->
					</el-col>

					<el-col :span="24">
						<el-form-item label="状态:">
							<el-switch style="display: block;margin-top: 10px;margin-left: 5px;" v-model="value2"
								active-color="#13ce66" inactive-color="#ff4949" active-text="启用" inactive-text="禁用">
							</el-switch>
						</el-form-item>
					</el-col>
					<el-col :span="24">
						  <el-form-item label="角色" prop="value" >
						   <el-checkbox-group v-model="form.value">
						      <el-checkbox  v-for="(item,index) in type"  :key=index :label="item" name="type" ></el-checkbox>
						      <!-- <el-checkbox label="地推活动" name="type"></el-checkbox>
						      <el-checkbox label="线下主题活动" name="type"></el-checkbox>
						      <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox> -->
						    </el-checkbox-group>
						  </el-form-item>
					</el-col>
					<el-col :span="24" style="text-align: center;">
						<el-button type="primary" style="margin-bottom: 20px;" @click="show">保存</el-button>
					</el-col>
				</el-row>
			</el-form>
		</div>
	</body>
</html>
<script>
	let vm = new Vue({
		el: "#app",
		data: {
			form:{
				value:[],
			},
			num:"",
			username:"",
			input: "",
			password: "123456",
			value2: false,
			type:["学生","老师","检查者","管理员"],
			
		},
		methods: {
			show(){
				console.log(this.form.value)
				console.log(this.value2)
				console.log(this.num)
				console.log(this.username)
				console.log(this.password)
			}
		}
	})
</script>
